.h5-editor__panel {
  @apply z-10  flex flex-col h-full;
  width: var(--editor-panel-width);
  min-width: var(--editor-panel-width);
  background-color: var(--editor-panel-bg);
  border: var(--editor-panel-border);
  box-shadow: var(--editor-panel-shadow);
  transition: all 0.3s;
  &.panel-collapsed {
    width: var(--editor-panel-collapsed-width);
    min-width: var(--editor-panel-collapsed-width);
  }

  .collapsed-trigger {
    @apply flex items-center h-10 pl-5 gap-x-2;
    border-top: var(--editor-panel-collapsed-trigger-border-top);
    color: var(--editor-panel-collapsed-trigger-color);
  }
}
